<template>
    <div>
        <h1>树状视图</h1>
        <TreeItem :model="treeData" />
    </div>
</template>

<script>
import TreeItem from "./components/tree-item/index.vue";

export default{
    components:{
        TreeItem,
    },
    data(){
        return {
            treeData:{
                name:"My Tree",
                children:[
                    {name:"hello"},
                    {name:"wat"},
                    {
                        name:"child folder",
                        children:[
                        {
                            name: "child folder",
                            children: [{ name: "hello" }, { name: "wat" }],
                        },
                        { name: "hello" },
                        { name: "wat" },
                        {
                            name: "child folder",
                            children: [{ name: "hello" }, { name: "wat" }],
                        },
                        ]
                    }
                ]
            }
        }
    }
}

</script>